$(document).ready(function(){
    var tablaAlumnos;

    $("input:submit, input:button").button();
    var idInstituto = jQuery.url.param("instituto");

    $("#tabs").tabs();

    tablaAlumnos = new TablaSeleccionable("tablaAlumnos", [0], false);
    tablaAlumnos.cargar("ControladorRetornarAlumnosDelInstituto.do", "");

    new BotonAgregar({
        button: "btnAgregar",
        div : "alumno",
        urlLoadDiv : "consultaDeAlumnos.do/registrarAlumno",
        title : "Agregar alumno",
        size : {
            width : 450,
            height : 360
        },
        form : "frmAlumno",
        urlServlet : "ControladorRegistrarAlumno.do",
        paramsUrlServlet : function(){
            return "&instituto=" + idInstituto;
        },
        table : tablaAlumnos
    });

    new BotonModificar({
        button: "btnModificar",
        div : "alumno",
        urlLoadDiv : "consultaDeAlumnos.do/modificarAlumno",
        paramsUrlLoadDiv : function(){
            return "alumno=" + tablaAlumnos.getIdAlumno()[0];
        },
        title : "Modificar alumno",
        size : {
            width : 450,
            height : 360
        },
        form : "frmAlumno",
        urlServlet : "ControladorModificarAlumno.do",
        paramsUrlServlet : function(){
            return "&instituto=" + idInstituto + "&alumno=" + tablaAlumnos.getIdAlumno()[0];
        },
        table : tablaAlumnos
    });
    
    new BotonEliminar({
        button: "btnQuitar",
        title : "Quitar alumno",
        urlServlet : "ControladorEliminarAlumno.do",
        paramsUrlServlet : function(){
            return "instituto=" + idInstituto + "&alumno=" + tablaAlumnos.getIdAlumno()[0];
        },
        table : tablaAlumnos
    });
});